<template>
<div>
    <div class="categories-header">
        <div class="back"></div>
        <div class="search">
            <input type="text" placeholder="搜索">
        </div>
        <div class="nav"></div>
    </div>

    <div class="categories-main">
        <label class="categories">
            <a href="javascript:;">所有分类</a>
            <a class="on" href="javascript:;">瑜伽系列</a>
            <a href="javascript:;">健身系列</a>
            <a href="javascript:;">玩具系列</a>
            <a href="javascript:;">涉水系列</a>
        </label>

        <ul class="pro-list">
            <li>
                <a href="javascript:;">
                    <img src="./img/prolist1.png" alt="">
                    <h3>瑜伽球</h3>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="./img/prolist1.png" alt="">
                    <h3>瑜伽球</h3>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="./img/prolist1.png" alt="">
                    <h3>瑜伽球</h3>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="./img/prolist1.png" alt="">
                    <h3>瑜伽球</h3>
                </a>
            </li>
            <li>
                <a href="javascript:;">
                    <img src="./img/prolist1.png" alt="">
                    <h3>瑜伽球</h3>
                </a>
            </li>
        </ul>
    </div>
    <div class="categories-menubar">
        <a href="javascript:;" class="list">
            <span class="icon icon-home"></span>
            <i>首页</i>
        </a>
        <a href="javascript:;" class="list on">
            <span class="icon icon-type"></span>
            <i>分类</i>
        </a>
        <a href="javascript:;" class="list">
            <span class="icon icon-shop"></span>
            <i>购物车</i>
        </a>
        <a href="javascript:;" class="list">
            <span class="icon icon-order"></span>
            <i>我的订单</i>
        </a>
        <a href="javascript:;" class="list">
            <span class="icon icon-user"></span>
            <i>我</i>
        </a>
    </div>

</div>
</template>

<script>
    export default {
        
    }
</script>

<style scoped lang='less'>
@import url('./css/pro_categories.css');
</style>